<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>编辑</title>

</head>
<body>

      <form id="editorCrad">
          <div style="margin: 0px auto;width: 300px;background-color: #cccccc">
              <div>
                  <input type="checkbox">
                  <span style="font-size: 15px">符合以下所有规则的卡片</span>
              </div>
          <div>
          <input type="text" value="牌组名称" style="width: 80px">
              <select>
                  <option value="yes">是</option>
                  <option value="no">不是</option>
                  <option value="include">包含</option>
                  <option value="exclusive">不包含</option>
              </select>
          <span><input type="text" value="单词" style="width: 40px"></span>
              <input type="button" value="-" style="font-size: 15px">
              <input type="button" value="+" style="font-size: 15px">
          </div>
          <div style="margin-top: 10px">
              <input type="text" value="笔记类型" style="width: 80px">
              <select>
                  <option value="yes">是</option>
                  <option value="no">不是</option>
                  <option value="include">包含</option>
                  <option value="exclusive">不包含</option>
              </select>
              <span><input type="text" value="XX" style="width: 40px"></span>
              <input type="button" value="-" style="font-size: 15px">
              <input type="button" value="+" style="font-size: 15px">
          </div>
              <div style="margin-top: 50px">
                  <input type="button" value="确定" >
                  <input type="button" value="取消">
              </div>
          </div>

      </form>

</body>
</html>